<script setup lang="ts">
import {ref} from "vue";
import image1 from '@/assets/1.jpg'
import image2 from '@/assets/2.jpg'
import image3 from '@/assets/3.jpg'
import image4 from '@/assets/4.jpg'
import image5 from '@/assets/5.jpg'
const imgList=ref([
  {
    id:1,
    url: image1
  },
  {
    id:2,
    url: image2
  },
  {
    id:3,
    url: image3
  },
  {
    id:4,
    url: image4
  },
  {
    id:5,
    url: image5

  }
])
</script>

<template>
    <div v-for="item in imgList" :key="item.id" style="margin-top: -4px;">
      <img v-lazy="item.url" style="width: 100%" />
    </div>
</template>

<style scoped>

</style>
